<template>
    <view class="main">
        <view class=" dispaly-col-center ">
            <image src="/static/icon/empty.svg" mode="aspectFill" />
            <view class="title">{{ title }}</view>
        </view>
    </view>
</template>

<script setup>
const props = defineProps({
    title: {
        default: '暂无好友申请',
        type: String
    }
})
</script>

<style lang="scss" scoped>
.main {
    display: flex;
    justify-content: center;
    align-items: center;
}

image {
    width: 150rpx;
    height: 140rpx;
    margin-bottom: 26rpx;
}

.title {
    font-family: PingFang SC Regular;
    font-size: 24rpx;
    color: #AAAAAA;
}
</style>